<h2 class="heading" data-id="heading-0">作者介绍</h2>
<p></p><figure><img alt="凹凸实验室" class="lazyload inited" data-src="https://user-gold-cdn.xitu.io/2018/3/9/1620b10123fb5e5f?imageView2/0/w/1280/h/960/format/webp/ignore-error/1" data-width="1280" data-height="710" src="data:image/svg+xml;utf8,&lt;?xml version=&quot;1.0&quot;?&gt;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot; width=&quot;1280&quot; height=&quot;710&quot;&gt;&lt;/svg&gt;"><figcaption></figcaption></figure><p></p>
<p>京东凹凸实验室 (<a target="_blank" href="https://aotu.io" rel="nofollow noopener noreferrer">Aotu.io</a>，英文简称 O2) ，创立于 2015 年 10 月，为掘金最早一批联合编辑，拥有数千关注者。O2 对内负责京东 PC 端首页、多个频道页、小程序版本京东购物、微信手 Q 京东购物、M 端京东、各类营销活动场景 HTML5 活动等多个业务模块的前端开发工作，对外作为京东的多终端技术品牌一直活跃于<a target="_blank" href="https://juejin.im/user/56cd99b7c4c9710057e8984b" rel="">掘金</a>、<a target="_blank" href="https://github.com/o2team" rel="nofollow noopener noreferrer">GitHub</a> 等知名知识共享平台。</p>
<p>O2 官网：<a target="_blank" href="https://aotu.io" rel="nofollow noopener noreferrer">Aotu.io</a></p>
<h2 class="heading" data-id="heading-1">小册介绍</h2>
<p>这本小册是由京东凹凸实验室的多名资深前端开发工程师（Koppt、JC、EC、大婷、小婷、陈老湿、AV、LV，排名不分先后，部分同学曾在腾讯 <a target="_blank" href="https://isux.tencent.com/" rel="nofollow noopener noreferrer">ISUX</a> 和 <a target="_blank" href="http://tgideas.qq.com/" rel="nofollow noopener noreferrer">TGideas</a>  团队就职）结合自身工作实践，梳理整合了凹凸实验室近年积累沉淀的和主题相关的心得体会（部分在凹凸实验室博客上分散发表过），联合编写，献给那些想应聘京东或腾讯等大厂「H5 开发工程师」或「UI 开发工程师」的童鞋们看的。当然，对于那些致力于成为「全栈开发」或提升自己综合开发能力的「前端开发」人员，本小册的内容也尤为适合。欢迎新老读者继续支持我们的原创内容。</p>
<p>「H5 开发工程师」和「UI 开发工程师」的岗位定义及职责要求其实十分相近，本小册将统一使用「H5 开发」来代表它们，并尝试为大家解答这样一个问题：</p>
<blockquote>
<p>我拿出什么样的作品（或能力），才能真正满足「H5 开发」相关岗位的要求，使得我去面试的时候，至少技术面（专业能力）是完全过关的？</p>
</blockquote>
<p>所以，本小册的核心内容将会是：</p>
<ul>
<li>解读「H5 开发」的能力模型，结合案例的具体实现以及技巧讲解，帮助大家逐个击破各个能力项。</li>
<li>更倾向于直接给出最有效的结论或答案，对于其背后的背景或原理，提供「拓展阅读」的文章推荐，鼓励读者通过「拓展阅读」来进一步巩固知识。</li>
</ul>
<p></p><figure><img alt="作者自荐" class="lazyload inited" data-src="https://user-gold-cdn.xitu.io/2018/5/9/16342f9d13a514f4?imageView2/0/w/1280/h/960/format/webp/ignore-error/1" data-width="1280" data-height="487" src="data:image/svg+xml;utf8,&lt;?xml version=&quot;1.0&quot;?&gt;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot; width=&quot;1280&quot; height=&quot;487&quot;&gt;&lt;/svg&gt;"><figcaption></figcaption></figure><p></p>
<p>小册不是教大家从零学会网页开发，要求读者至少具备以下能力：</p>
<ul>
<li>掌握 HTML、CSS、JavaScript 的基础概念和用法</li>
<li>了解且会用 Sass 或 Less 样式预处理语言</li>
<li>一颗热爱编程的恒心</li>
</ul>
<h2 class="heading" data-id="heading-2">名人推荐</h2>
<p></p><figure><img alt="名人1" class="lazyload inited" data-src="https://user-gold-cdn.xitu.io/2018/5/9/16342fb039637108?imageView2/0/w/1280/h/960/format/webp/ignore-error/1" data-width="1280" data-height="647" src="data:image/svg+xml;utf8,&lt;?xml version=&quot;1.0&quot;?&gt;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot; width=&quot;1280&quot; height=&quot;647&quot;&gt;&lt;/svg&gt;"><figcaption></figcaption></figure><p></p>
<p></p><figure><img class="lazyload inited" data-src="https://user-gold-cdn.xitu.io/2018/5/9/16342fcb3cda667d?imageView2/0/w/1280/h/960/format/webp/ignore-error/1" data-width="1280" data-height="618" src="data:image/svg+xml;utf8,&lt;?xml version=&quot;1.0&quot;?&gt;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot; width=&quot;1280&quot; height=&quot;618&quot;&gt;&lt;/svg&gt;"><figcaption></figcaption></figure><p></p>
<h2 class="heading" data-id="heading-3">你会学到什么？</h2>
<p>了解怎样成为大厂需要的「H5 开发工程师」或「UI 开发工程师」。</p>
<ul>
<li>了解 H5 开发的能力模型</li>
<li>掌握基础页面开发的经验技巧</li>
<li>掌握响应式页面开发的经验技巧</li>
<li>掌握滑屏应用开发的相关知识</li>
<li>了解动画效果设计的理论</li>
<li>掌握 CSS3 / Canvas 动画开发的经验技巧</li>
<li>实践 SVG 动画开发的过程</li>
<li>了解 HTML5 应用构建工具 ELF</li>
</ul>
<h2 class="heading" data-id="heading-4">适宜人群</h2>
<ul>
<li>掌握 HTML、CSS、JavaScript 的基础概念和用法，想深耕「H5 开发」方向的所有开发者</li>
<li>想应聘京东或腾讯「H5 开发工程师」或「UI 开发工程师」的校招生或社招生</li>
<li>致力于成为「全栈开发」或提升自己综合开发能力的「前端开发」人员</li>
</ul>
<h2 class="heading" data-id="heading-5">购买须知</h2>
<ol>
<li>本小册为图文形式内容服务，共计 11 节，上线时间为 2018 年 3 月 15 日；</li>
<li>购买用户可享有小册永久的阅读权限；</li>
<li>购买用户可进入小册微信群，与作者互动；</li>
<li>掘金小册为虚拟内容服务，一经购买成功概不退款；</li>
<li>掘金小册版权归北京北比信息技术有限公司所有，任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表，违者将依法追究责任；</li>
<li>在掘金小册阅读过程中，如有任何问题，请邮件联系 <a target="_blank" href="mailto:xiaoce@xitu.io" rel="nofollow noopener noreferrer">xiaoce@xitu.io</a></li>
</ol>
